<template>
<uni-shadow-root class="utoolsParse-widget-scrollView-pagination-pagination"><view :style="'width: '+(mf_data.style.width)+'rpx;height: '+(mf_data.style.height)+'rpx;position: absolute;top: '+(mf_data.style.y)+'rpx;left: '+(mf_data.style.x)+'rpx;z-index: 2;display: flex;justify-content: '+(mf_data.style.justifyContent)+';'">
    
    <block v-if="mf_data.paginationCustomize">
        <block v-for="(item,index) in (mf_data.children)" :key="item.id">
            <view :style="'width:'+(item.style.width ||750)+'rpx;height:'+(item.style.height || 350)+'rpx;background-color:transparent;opacity:'+(item.style.opacity?item.style.opacity/100: 1)+';overflow: hidden;position: '+(item.style.position)+';top: '+(item.style.position==='relative'? 0 :item.style.y)+'rpx;left: '+(item.style.position==='relative'? 0 :item.style.x)+'rpx;margin-top:'+(item.style.marginTop || 0)+'rpx;margin-left:'+(item.style.marginLeft|| 0)+'rpx;border-radius:'+(item.style.borderRadius? item.style.borderRadius: 0)+'rpx;'">
                
                <image mode="aspectFit" :style="'opacity: '+(currIndex === index?0:1)+';transition: opacity .2s linear;width: 100%;height: 100%;position: absolute;top: 0;left: 0;'" :src="item.src"></image>
                
                <image mode="aspectFit" :style="'opacity: '+(currIndex === index?1:0)+';transition: opacity .2s linear;width: 100%;height: 100%;position: absolute;top: 0;left: 0;'" :src="item.activeSrc"></image>
            </view>
        </block>
    </block>
    
    <block v-else>
        <block v-for="(item,index) in (mf_data.children)" :key="item.id">
            <view :style="'width: '+(mf_data.style.imgWidth)+'rpx;height: '+(mf_data.style.imgHeight)+'rpx;position: relative;'">
                
                <image mode="aspectFit" :style="'opacity: '+(currIndex === index?0:1)+';transition: opacity .2s linear;width: 100%;height: 100%;position: absolute;top: 0;left: 0;'" :src="mf_data.src"></image>
                
                <image mode="aspectFit" :style="'opacity: '+(currIndex === index?1:0)+';transition: opacity .2s linear;width: 100%;height: 100%;position: absolute;top: 0;left: 0;'" :src="mf_data.activeSrc"></image>
            </view>
        </block>
    </block>
</view></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'utoolsParse/widget/scrollView/pagination/pagination'
Component({observers:[],data:{},properties:{mf_data:Object},attached(){},detached(){},methods:{}});
export default global['__wxComponents']['utoolsParse/widget/scrollView/pagination/pagination']
</script>
<style platform="mp-weixin">

</style>